<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>鹿程智慧油站商户平台</title>
	<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"
	/>
	<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理" />
	<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
	<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../layui/css/layui.css" />
	<link rel="stylesheet" href="../css/style.css" />
</head>

<body>
	<section style="margin-top:50px">
		<form class="layui-form layui-form-pane" method="post">
			<section class="ware-c-input ware-shop-input">
				<div class="layui-form-item">
					<label class="layui-form-label">所属角色</label>
					<div class="layui-input-block">
						<input type="text" name="role" lay-verType="tips" lay-verify="required" value="管理员" readonly="readonly" autocomplete="off"
						 class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">用户名</label>
					<div class="layui-input-block">
						<input type="text" name="name" lay-verType="tips" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">密码</label>
					<div class="layui-input-block">
						<input type="password" name="psw1" lay-verify="required" lay-verType="tips" placeholder="请输入密码" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">确认密码</label>
					<div class="layui-input-block">
						<input type="password" name="psw2" lay-verify="required" lay-verType="tips" placeholder="请再次输入密码" autocomplete="off" class="layui-input">
					</div>
				</div>
			</section>
			<div class="ware-submit">
				<button class="submit" lay-submit lay-filter="Submit" style="margin-top: 80px" lay-verify="editcontent">提交</button>
			</div>
		</form>
	</section>
	<!-- js -->
	<aside>
		<script type="text/javascript" src="../layui/layui.js"></script>
		<script>
			layui.use(['layer', 'jquery', 'form'], function () {
				var layer = layui.layer;
				var $ = layui.jquery;
				var form = layui.form;

				//表单提交验证
				form.on('submit(Submit)', function (data) {
					/* console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
					 console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
					 console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}*/
					if (data.field.psw1 != data.field.psw2) {
						layer.tips('两次输入密码不一致', 'input[name="psw2"]', { tips: 1 });
						return false; //阻止表单跳转。
					}
				});

			})
		</script>
	</aside>
	<!-- /js -->
</body>

</html>